<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<div class="red blue"></div>

<script>
// ES5其他扩展：

// str.trim() 去掉字符串两端的空格

// Date.now() === new Date().getTime()  返回1970年1月1日到现在的总毫秒数
// console.log( Date.now() );// 1692935476407
// console.log( new Date().getTime() );// 1692935476407

// bind() call() apply() 改变this指向

// JSON转换：
// JSON.parse() 将JSON字符串转成JSON对象
// JSON.stringify() 将JSON对象转成JSON字符串

// classList对象
var div = document.querySelector('.red');
// div.className = 'green';
// div.className += ' green';
// div.className = 'red green';

// 每一个DOM元素都有一个classList属性，值为一个对象，对象的原型上包含各种操作元素类名的方法
// console.log( div.classList );

// 添加一个类名
div.classList.add('green');

// 删除类名
div.classList.remove('blue');

// 判断是否包含某个类名
console.log( div.classList.contains('red') );// true
console.log( div.classList.contains('blue') );// false

// 反转类名（有则删除，无则添加）
div.classList.toggle('red');


</script>
</body>
</html>